html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  html {
    font-size: 100%;
  }
}

* {
  font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular,
    "Microsoft Yahei", Helvetica, Arial, Verdana, Sans-Serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
}

.user-select-none {
  -moz-user-select: none;
  /*鐏嫄*/
  -webkit-user-select: none;
  /*webkit娴忚鍣�*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*鏃╂湡娴忚鍣�*/
  user-select: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  -moz-text-decoration-skip: objects;
  text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

img {
  border-style: none;
}

@font-face {
  font-family: "iconfont";
  src: url("https://res.waiqin365.com/d/official/iconfont/iconfont.eot?t=1599556935736");
  /* IE9 */
  src: url("https://res.waiqin365.com/d/official/iconfont/iconfont.eot?t=1599556935736#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUEAAsAAAAACawAAAS3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDIgqGQIU7ATYCJAMUCwwABCAFhG0HYRtQCFFUTqpkX2NMZKhfEY0SzCvECtidxxq8oaMfjorfh/tSAXpmJLKCUsFeC4B4+H6N37lP9ptp9+miSNJESIRGgth+CkzXEvZH28+HmOej6skRznPBJnxi5zOrtl02TKZ2ZarY9fu1v/9U4GHmzc32cEvMVbp50lCh3jB0rgucFkWDzgeWWCGSAv2A4+cl0LfhN0AABN8E9P9vgOltfAkUEn5wzHTpmw3zVumS0RgNOBrwgOq79Vv0Hwif6BfxbDL4n8C7CXSbl8jiurqxE+wV6kGB+EqFMbCP2JUCfOg0NRlnFvETsHSm7+iGAj+c34//VHr2JDVT73XzpWoSSn+TH1te+pORl0BPd16w55GxCxTiQ6b/PSsvv8tKtyxs7RBolO70m3xs7XSpWx0701RMH5/kP55oqPpewJ4XCr9Jg0Pwm+KQ+L1yyPzelBdEX3H/bgygRbwj2FV9bHxlx2ywn4PDsH7knLNzd9e0vyGMwd6lMfWCIpO40EMKC4iL45rFhT7s1cjGnGCOMMeI05c3j5P3t+6Xd+frp8knIZkoBTEr8P7evXfcczR20nuaANrxkKmyzAFdG56aiUmaN+/j6SbB78j6g1W8cLh8Je8rupvPzosr0bU+lTe8/nrev5Mv3+53lIS9L+/+LFy3bp0tud46dxtaLQ+ZDckLS0uIi4sL2VO0Hgtq3WJJC4AjgoeaMDKr8PbWmcn45cG26gKSsI+asBZuf8W2vb1I7dMrt40d7tyOxFrKYlb2nbKY344Mq1Uf6mL2OexpP9H6MQzfeavdzO7g3Nk2xyv3rLMNhtCnnqGD8ooBY/3sOu+g/6ybdWO62BkJyTEaNh+xUJjjjes1Yj5sGVm7rErZ5s46utZSUYFEe85WVy3YtwXnOuvEGon1jLJsaZhhmFGCYcKZ1NQahb6Gms+YxIm39tKUoKPdbhadrptrNTRr6RYpzjepdT7HGqvR7u+da65FTmpKVkAtjR4djv+KuaiWXWeFJoRbRJhrpzXLiGF3Mpw/DVOLrr+p5+j8lfnJbD2kR2l2XV5T8FOmqJZKfrO7SlTp3mYhyxZtnghsBq5/7ckJYFVWvC31zaVa7gIzXM7BuimR+waX0mXTdPTfd8A8QFvew1EArfkcJwOQX9GPf+q84ZdsL+t3ecx2K/zfSVzkpV+VUuPEWws0C3ZK59jglVJUnCqKSnXUIvUacqmx+saO22TVraVoUcPDvnVjHKvcTOg0FkDSYQ6yTqvIgt2FqscpNDqdQbcdNef3GMFYidKFbesEwqALSPq9QjboFlmwX6Ea9x0ag1lBt6fwumKP9ahjBcNjHE+i8QVEJ1SF6C7u6La2Y2FGGmNhlUPsxsygKZSWnBov1WAFsy6OMWaFdM4JIkyVUTW5H5YkFWlMncYTPHmKcy0/JYVkvVLyhCqDoysMNobDJiHjFiDUBJWCWIs5x8TPt8MEMyRjWEFfWbwbxhjo6kiaZKkVkDV6pVLfqWw2zBKk4zhC7UcwKhlSDV5M0vIqRMveNQ2bwCWbapDV5EvBeaSqPnl4o3yOFd/1QPU2NVLkKFGjUT9KqoEdrdOTCJUkd0kV1KQ5TOepEkO75blBlTHaBgAA")
      format("woff2"),
    url("https://res.waiqin365.com/d/official/iconfont/iconfont.woff?t=1599556935736")
      format("woff"),
    url("https://res.waiqin365.com/d/official/iconfont/iconfont.ttf?t=1599556935736")
      format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("https://res.waiqin365.com/d/official/iconfont/iconfont.svg?t=1599556935736#iconfont")
      format("svg");
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e714";
}

.icon-close-fill:before {
  content: "\e715";
}

.icon-logo-weixin-fill:before {
  content: "\e7be";
}

.icon-logo-tsina-fill:before {
  content: "\e7bf";
}

/* 閫氱敤鏍峰紡 */
a {
  text-decoration: none;
  color: #3c7fe1;
}

.relative {
  position: relative;
}

.inline-block-middle {
  vertical-align: middle;
  display: inline-block;
}

/* 鐜嬫槑鏌�-css */
/* header */
.header {
  position: fixed;
  transition: all 200ms linear;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFF, endColorstr=#F2FFFF);
  height: auto;
  box-shadow: 0px 0px 4px #e0e0e0;
}

.header-wrapper {
  /* position: relative; */
  /* width: 1140px; */
  max-width: 1700px;
  margin: auto;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  padding: 0px 40px;
  box-sizing: border-box;
  width: auto;
}

.header-wrapper-left {
  display: flex;
  align-items: center;
  width: 66%;
  flex-wrap: wrap;
}

.header-wrapper-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 55px;
}

.header-wrapper-right .phone {
  display: flex;
  align-items: center;
  margin-right: 18px;
}

.phone-number {
  font-size: 16px;
  color: #50565d;
}

.language-type {
  font-size: 16px;
  color: #50565d;
  cursor: pointer;
}

.header-logo {
  display: inline-block;
  height: 43px;
  width: 160px;
  line-height: 0;
  cursor: pointer;
  vertical-align: middle;
  background-image: url("/p/assets/images/logo.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 60px;
  flex-shrink: 0;
}

.header-logo img {
  height: 43px;
  width: 140px;
}

.header-nav {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  flex: 1;
  min-width: 480px;
  max-width: 650px;
}

.header-nav-en {
  max-width: 330px;
  min-width: 260px;
}

.header-nav-li {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}

.header-nav-link {
  display: inline-block;
  line-height: 55px;
  height: 55px;
  color: #2e3033;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

/* .header-nav-link:hover {
  background-color: #ffa303;
} */

/* .header-nav-li:hover .header-subnav {
  display: block;
} */

.header-subnav {
  display: none;
  position: absolute;
  width: 940px;
  padding: 24px 0;
  background-color: rgba(255, 255, 255, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFF, endColorstr=#F2FFFF);
  /* box-shadow: 0 0 1px #e0e0e0; */
  border-top: 1px solid #e6e8eb;
}

.header-subnav ul {
  float: left;
  margin-right: 70px;
}

.header-subnav ul:first-of-type {
  margin-left: 30px;
}

.header-subnav ul:last-of-type {
  margin-right: 0;
}

.header-subnav li {
  display: block;
}

.header-subnav a[href] {
  cursor: pointer;
}

.header-subnav-link {
  display: block;
  width: fit-content;
  color: #2e3033;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  padding: 0;
}

.header-subnav-link .link-name {
  position: relative;
}

.header-subnav-link .link-arrows {
  display: none;
  margin-left: 16px;
}

.header-subnav-link:hover .link-name {
  color: #ffa303;
}

.header-subnav-link:hover .link-name::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ffa303;
  bottom: -2px;
  left: 0;
}

.header-subnav-link:hover .link-arrows {
  display: inline-block;
  color: #ffa303;
}

.header-subnav-title,
.header-subnav h5 {
  display: block;
  color: #333;
  margin: 0;
  font-size: 17px;
  padding-bottom: 8px;
  text-align: left;
  font-weight: 600;
  cursor: default;
}

.header-subnav-new {
  background-color: #ffa303;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  padding: 0 4px;
  margin-left: 4px;
}

.header-button {
  display: inline-block;
  margin: 10px 6px;
  color: rgb(255, 144, 8);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 144, 8);
  box-sizing: border-box;
  padding: 1px 10px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.header-button:hover {
  background-color: #ffa303;
  border: 1px solid #ffa303;
  color: white;
}

.header-button-login {
  color: rgb(46, 48, 51);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(46, 48, 51);
  padding: 1px 18px;
  border-radius: 10px;
}

/* footer */
.footer {
  position: relative;
  background: #333940;
  height: 350px;
}

.footer-links {
  display: block;
  margin: 0 auto;
  padding: 80px 0 0 0;
  color: #767d83;
  width: 1000px;
}

.footer-links ul {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: left;
  vertical-align: top;
  list-style: none;
}

.footer-links ul.space-width {
  width: 300px;
}

.footer-links ul li {
  color: #fff;
  font-size: 12px;
  line-height: 26px;
}

.footer-links ul li a {
  color: #767d83;
  text-decoration: none;
}

.footer-links ul li.title {
  font-size: 14px;
}

.footer-links ul li h3 {
  font-size: inherit;
  font-weight: normal;
}

.footer-links ul li h2 {
  font-size: inherit;
  font-weight: normal;
}

.footer-contact {
  font-size: 12px;
  display: block;
  width: 1000px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  color: #fff;
}

.footer-contact .tel {
  display: inline-block;
  margin-right: 36px;
  font-size: 18px;
  vertical-align: -2px;
}

.footer-contact .icon-button {
  color: inherit;
  margin-right: 5px;
  font-size: 34px;
  vertical-align: -8px;
  cursor: pointer;
  text-decoration: none;
}

.footer-contact .wechat {
  position: relative;
  display: inline-block;
  margin-right: 36px;
}

.footer-contact .wechat img {
  display: none;
  width: 200px;
  position: absolute;
  z-index: 1;
  bottom: 50px;
}

.footer-contact .wechat:hover img {
  display: block;
}

.footer-contact .serviceAgent img {
  width: 34px;
  height: 34px;
  vertical-align: top;
}

.footer-bg {
  position: absolute;
  width: 375px;
  height: 150px;
  bottom: 0;
}

.footer-bg.left {
  left: 0;
}

.footer-bg.right {
  right: 0;
}

.footer-links-col {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  padding: 0 120px 0 50px;
}

.footer-links-title {
  font-size: 14px;
  color: #fff;
}

a.footer-links-title {
  cursor: pointer;
}

.footer-links-subtitle {
  display: block;
  color: #767d83;
  text-decoration: none;
  font-size: 12px;
  line-height: 26px;
}

.footer-links-subtitle:hover {
  text-decoration: underline;
}

/* copyright */
.copyright {
  font-size: 12px;
  background-color: #25292d;
  height: 106px;
  text-align: center;
}

.copyright-wrapper {
  display: inline-block;
  padding-top: 34px;
  color: #767d83;
  text-align: center;
}

.copyright-wrapper p {
  position: relative;
  margin: 3px 0;
}

/* 蹇嵎閫夋嫨 */
.shortcut {
  position: fixed;
  right: 21px;
  bottom: 65px;
  z-index: 1;
}

.shortcut-item {
  display: block;
  width: 60px;
  height: 60px;
  color: #fff;
  visibility: visible;
  padding: 10px;
  font-size: 15px;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 300ms linear;
  text-align: center;
}

.shortcut-item + .shortcut-item {
  margin-top: 10px;
}

.shortcut-item-tip {
  display: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  font-size: 16px;
  cursor: initial;
  right: 100%;
  top: 50%;

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shortcut-item:hover .shortcut-item-tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* section */
.section {
  width: 100%;
}

.section.even {
  background-color: #f2f4f7;
}

.section-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.section-article {
  height: 100%;
  display: table;
}

.section-content {
  display: table-cell;
  vertical-align: middle;
}

.section-content-title {
  font-size: 30px;
  color: #333;
  line-height: 1.5;
  font-style: normal;
  font-weight: normal;
}

.section-content-description {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

.section-content-title + .section-content-description {
  margin-top: 20px;
}

.section-content-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  background-repeat: no-repeat;
  color: #72797f;
  border: 1px solid #b8b8b8;

  height: 48px;
  line-height: 48px;
  font-size: 19px;
}

.section-content-button.primary {
  color: #fff;
  background-color: #ff9008;
  border: 1px solid #ff9008;
}

.section-content-button.hover:hover {
  color: #fff;
  background-color: #f08033;
  border: 1px solid #f08033;
}

.section-right {
  position: absolute;
  left: auto;
  right: 0;
}

.section-left {
  position: absolute;
  left: 0;
  right: auto;
}

/* grid鏍呮牸 */
.grid {
  zoom: 1;
  display: table;
}

.grid:before,
.grid:after {
  display: table;
  content: " ";
  clear: both;
}

.grid-cell {
  position: relative;
  width: 50%;
  float: left;
  display: table-cell;
}

.grid[data-col="3"] .grid-cell {
  width: 33.3%;
}

.grid[data-col="4"] .grid-cell {
  width: 25%;
}

.grid[data-col="6"] .grid-cell {
  width: 16.5%;
}

.grid[data-col="7"] .grid-cell {
  width: 14%;
}

.grid-img {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 170px;
  height: 140px;
  margin-bottom: 30px;
}

.grid-caption {
  margin-bottom: 10px;
  font-size: 18px;
  color: #45494c;
  margin-left: auto;
  margin-right: auto;
}

.grid-sndcaption {
  font-size: 14px;
  color: #999;
  margin-left: auto;
  margin-right: auto;
}

/* 鏂囧瓧澶у皬 */
.font-size-34 {
  font-size: 34px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-12 {
  font-size: 12px;
}

/* 棰滆壊 */
.bg-white {
  background-color: white;
}

.color-white {
  color: white;
}

.color-body {
  color: #000;
}

.color-primary {
  color: #ffa303;
}

.color-caption {
  color: #333;
}

.color-sub {
  color: #666;
}

.color-title {
  color: #1a1c1f;
}

.color-content {
  color: #5c646c;
}

.color-explain {
  color: #85909c;
}

/* 鏂囧瓧绮楃粏 */
.font-weight-500 {
  font-weight: 500;
}

/* 瀵归綈 */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* block */
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

/* flex甯冨眬 */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-0 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0;
  -moz-box-flex: 0;
  -ms-flex: 0 0;
  flex: 0 0;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.flex-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* 瀹氫綅 */
.position-relative {
  position: relative;
}

/* 娓呴櫎娴姩 */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}